
<div class="register_bac">
    <div class="logo_in">
        <div class="logo_top">
            <p class="reg_tit">绵阳市计量测试所综合办公信息管理系统</p>
        </div>
        <div class="form_logo clearfix">
            {{ form("", "method": "post") }}
            {% for element in form %}
            <div class="form-group has-feedback from_style1">
                {{ element.label() }}
                {{ element.render() }}
            </div>
            {% endfor %}

            <div class="form-group1">
                <button type="submit">提交</button>
                <button type="button" onclick="location.href='{{ url('site/login') }}'">登录</button>
            </div>
            {{ endForm() }}
        </div>
    </div>
    <div class="img-box-shadow">
        <img src="/pc/img/88.png"/>
    </div>
</div>
<style type="text/css">
    input, input:focus {
        outline: none;
        border-color: 0;
    }

    body, html {
        width: 100%;
        height: 100%;
    }

    .register_bac {
        width: 100%;
        height: 100%;
        background-image: url(/pc/img/86.jpg);
        background-size: 100% 100%;
    }

    .logo_in {
        position: absolute;
        left: 50%;
        top: 50%;
        margin-left: -350px;
        margin-top: -200px;
        width: 700px;
        height: 400px;
        border-radius: 10px;
        background-color: #fff;
    }

    .form-control:focus {
        border-color: rgb(102, 175, 233);
        outline: 0;
        -webkit-box-shadow: inset 0px 0px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
        box-shadow: inset 0 0px 0px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
    }

    .form_logo {
        margin-top: 15px;
        width: 100%;
    }

    .form_logo input {
        padding-left: 15px;
    }

    .has-feedback {
        background: #FFFFFF;
        border-radius: 5px;
        overflow: hidden;
        float: none;
    }

    .has-feedback .form-control {
        padding-right: 0px;
        background-color: #FFFFFF;
        border-radius: 5px;
        width: 80%;
        display: inline-block;
    }

    .logo_top {
        background-color: #2d88df;
        height: 80px;
    }

    .reg_tit {
        line-height: 90px;
        text-align: center;
        color: #FFFFFF;
        font-size: 28px;
    }

    .form-control-feedback {
        left: 0px;
    }

    .from_style {
        width: 160px;
        float: left;
        margin-left: 158px;
    }

    .from_style input {
        padding-left: 5px;
    }

    .from_style1 {
        width: 500px;
        margin: 15px auto;
    }

    .auth_code {
        width: 80px;
        height: 30px;
        float: right;
        margin-left: 20px;
        margin-right: 170px;
        padding-right: 10px;
    }

    .form_logo button {
        width: 20%;
        height: 34px;
        color: #fff;
        text-align: center;
        font-size: 15px;
        line-height: 34px;
        background-color: #3598db;
        border: 0;
        outline: none;
        margin-left: 50px;
    }

    .has-feedback label {
        color: #666666;
        width: 50px;
        text-align: right;
    }

    .form_logo .form-group1 {
        width: 500px;
        margin: 12px auto;
    }

    .form_logo .del {
        background-color: #f4f4f4;
        border-color: #DDDDDD;
        color: #7e7e7e;
    }

    .from_style1 .xuanzhong {
        margin-left: 50px;
        margin-right: 10px;
    }

    .from_style1 .denglu {
        width: 100px;
        text-align: left;
    }

    .img-box-shadow {
        position: absolute;
        bottom: 50%;
        left: 50%;
        margin-left: -350px;
        margin-bottom: -350px;
        position: absolute;
        left: 50%;
        width: 700px;
        height: 130px;
        border-radius: 10px;
    }
</style>
<script>
    {% if form.hasMessage() %}
    alert('{{ form.getFirstMessage() }}');
    {% endif %}
</script>


